<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>课程信息</title>
		<link rel="stylesheet" type="text/css" href="../../lib/api.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/lib/swiper.css" />
		<link rel="stylesheet" type="text/css" href="../../css/mall/productMsg.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<!--公共头部开始-->
			<div class="back-header">
				<a v-on:click="close()" class="back-header-a">
					<i class="fa fa-angle-left fa-2x white middle"></i>
				</a>
				<div class="back-header-main">课程信息</div>
			</div>
			<!--公共头部结束-->
			<div class="main">
				<!--轮播S-->
				<div class="slide">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<img class="swiper-img" src="../../images/slide4.jpg" />
							</div>
							<div class="swiper-slide">
								<img class="swiper-img" src="../../images/slide5.jpg" />
							</div>
							<div class="swiper-slide">
								<img class="swiper-img" src="../../images/slide6.jpg" />
							</div>
						</div>
						<div class="swiper-pagination"></div>
					</div>
				</div>
				<!--轮播E-->
				<!--商品展示S-->
				<div class="product">
					<div class="product-name-msg">
						<h4 class="">{{study.title}}</h4>
						<p class="product-name-msg-p-money">
							<i class="fa fa-cny"></i>
							{{price? price:price_one}}
						</p>
						<div class="product-name-msg-foot">
							<embed class="product-detail-svg" src="../../lib/svg/shop/6.svg" type="" />
							<span class="product-detail-num">销量 {{study.sales_volume}}</span>
							<embed class="product-detail-svg" src="../../lib/svg/shop/7.svg" type="" />
							<span class="product-detail-num">评论 2800</span>
						</div>
						<div class="clear">

						</div>
					</div>
					<div class="product-name-msg">
						<h4 class="yellow">请选择目标分数</h4>
						<ul class="product-detail-ul score">
							<li v-if="score.status == 1" v-for="score in study_target_list" :class="{choose : score_id==score.id}" @click="chooseScoreId(score.id, score.point)">
								{{parseInt(score.point)}}
							</li>
							<li v-else>
								{{parseInt(score.point)}}
							</li>
						</ul>
					</div>
					<div class="product-name-msg">
						<h4 class="orange">请选择你的老师</h4>
						<ul class="product-detail-ul teacher">
							<li v-for="teacher in teacher_level" :class="{choose : teacher_id==teacher.id}" v-on:click="chooseTeacherId(teacher.id, teacher.price)">
								{{teacher.name}}
							</li>
						</ul>
					</div>
					<div class="product-name-msg">
						<h4 class="green">请选择时间（课时）</h4>
						<ul class="product-detail-ul time">
							<li v-for="time in class_time" :class="{choose : time_id==time.id}" v-on:click="chooseTimeId(time.id, time.lesson_count)">
								{{time.lesson_count}}
							</li>
						</ul>
					</div>
					<div @click="jumpDiscount()" class="product-name-msg">
						<span class="product-detail-text">使用优惠券:{{coupon_id}}</span>
						<i class="fa fa-angle-right product-detail-i"></i>
					</div>
					<div class="product-name-btn">
						<!--<span class="product-detail-btn">加入购物车</span>-->
						<span class="product-detail-btn" v-on:click="buy()">立即购买</span>
					</div>
					<div v-on:click="jumpProductDetails()" class="product-name-msg">
						<span class="product-detail-text">课程详情</span>
						<i class="fa fa-angle-right product-detail-i"></i>
					</div>
					<div v-on:click="jumpProductEvaluation()" class="product-name-msg">
						<span class="product-detail-text">会员评价</span>
						<i class="fa fa-angle-right product-detail-i"></i>
					</div>
				</div>
				<!--商品展示E-->
			</div>
		</div>
	</body>
	<script src="../../script/api.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/mall/productMsg.js" type="text/javascript" charset="utf-8"></script>

</html>